page-user-base-info {

}
.setp-tips-box {
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 84%;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .setp-tips-box span {
    width: 75px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: #999;
    font-size: 13px;
    display: inline-block;
    color: #999;
  }
  .setp-tips-box span.active {
    color: #2d4ed1;
    position: relative;
  }
  .setp-tips-box input::-webkit-input-placeholder {
    text-shadow: none;
    -webkit-text-fill-color: initial;
    -webkit-user-select: auto !important;
  }
  @media only screen and (min-width: 375px) {
  }
  .setp-dot-box {
    width: 67%;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
  }
  .setp-dot-box span {
    width: 14px;
    height: 14px;
    background: url();
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
  }
  .setp-dot-box span.active {
    background-image: url();
    position: relative;
    background-size: 100% 100%;
  }
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .setp-dot-box span.active {
      background-image: url();
  }
  }
  .setp-dot-box span.setp-line {
    height: 1px;
    width: 45px;
    margin-top: 10px;
    position: relative;
    background: none;
  }
  @media only screen and (min-width: 375px) {
  .setp-dot-box {
      width: 69%;
  }
  .setp-dot-box span.setp-line {
      width: 63px;
  }
  }
  @media only screen and (min-width: 414px) {
  .setp-dot-box span.setp-line {
      height: 1px;
      width: 72px;
      margin-top: 10px;
      position: relative;
      background: none;
  }
  }
  .setp-line:after {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 4px;
    content: " ";
    width: 100%;
    border-top: 1px solid #ccc;
  }
  .setp {
    height: 93px;
    width: 100%;
  }


  #user-baseinfo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #f5f5f5;
  }
  .form-box {
    background: #fff;
    position: relative;
    position: relative;
  }
  .form-box:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #ddd;
    content: ' ';
    width: 100%;
  }
  .form-box:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px solid #ddd;
    content: ' ';
    width: 100%;
  }
  .icon-more {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #333;
  }
  // .buttonBox {
  //   margin-top: 42px;
  // }
  .buttonBox.disable {
    pointer-events: none;
  }
  .selected-car-box {
    width: 75%;
    font-size: 0;
    position: absolute;
    left: 80px;
    top: 0px;
    height: 49px;
  }
  .selected-car-box input {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 4px;
    -webkit-appearance: none;
  }
  .selected-car-box input:last-child {
    border: 1px solid #2d4ed1;
  }
  .selected-car-box input:nth-child(3) {
    margin-right: 12px;
  }
  .selected-car-box .line {
    display: inline-block;
    width: 1px;
    height: 22px;
    background: #ccc;
    vertical-align: middle;
    position: absolute;
    left: 63px;
    top: 12px;
  }
  .selectedValueBox {
    font-size: 0;
    position: absolute;
    left: 80px;
    top: 0px;
  }
  .selectedValueBox input {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 4px;
    -webkit-appearance: none;
  }
  .selectedValueBox input:nth-child(3) {
    margin-right: 12px;
  }
  .selectedValueBox .line {
    display: inline-block;
    width: 1px;
    height: 22px;
    background: #ccc;
    vertical-align: middle;
    position: absolute;
    left: 63px;
    top: 12px;
  }
  .buttonBox {
    margin-top: 42px;
  }
  .sex-box {
    position: absolute;
    left: 56px;
    top: 0px;
  }
  .sex-box.self-box {
    left: 158px;
  }
  .sex-box span {
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 0px;
  }
  .sex-box span.active {
    color: #46c33b;
    background: url();
    border: none;
    width: 17px;
    height: 17px;
    background-size: 100%;
  }
  .sex-box span:active {
    background: url();
    border: none;
    width: 17px;
    height: 17px;
    background-size: 100%;
  }
  .sex-box b {
    color: #333;
    margin: 0 13px 0 0px;
    vertical-align: middle;
    display: inline-block;
    padding-left: 7px;
  }
  .get-code {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 49px;
    line-height: 49px;
    width: 109px;
    text-align: center;
  }
  .line {
    position: absolute;
    right: 109px;
    top: 0px;
    background: #ccc;
    width: 1px;
    height: 49px;
  }
  .h15 {
    padding-top: 15px;
  }
  .h10 {
    padding-top: 10px;
  }

  
// .inputBox {
//     padding: 0px 14px;
//     position: relative;
//     color: #2d4ed1;
//     font-size: 14px;
//   }
  .inputBox.padType2 {
    padding: 0px 0px 0px 14px;
  }
  .inputBox .input {
    padding: 0;
    height: 49px;
    line-height: 49px;
    text-align: left;
    position: relative;
  }
  .inputBox .input:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #ddd;
    content: ' ';
    width: 100%;
  }
  .inputBox .input.size-2 {
    padding: 0 0;
    padding: 0;
    height: 49px;
    line-height: 49px;
  }
  .inputBox .input.align-0 {
    height: 63px;
    line-height: 63px;
  }
  .inputBox .input.align-1 {
    height: 56px;
    line-height: 56px;
  }
  .inputBox .input.align-2 label {
    display: inline !important;
    margin-right: 2em;
  }
  .inputBox .input.textAlignRight input {
    float: right;
    margin-top: 15px;
    text-align: right;
    margin-right: 15px;
  }
  .inputBox .input label {
    font-size: 14px;
    color: #333;
    min-width: 70px;
    display: inline-block;
    vertical-align: middle;
  }
  .inputBox .input input {
    color: #333;
    margin-top: -1px;
    background: none;
  }
  .inputBox .input input .large {
    width: 66%;
  }
  .inputBox .input h2 {
    font-size: 16px;
    color: #333;
  }
  @media only screen and (min-width: 414px) {
  .inputBox .input label {
      vertical-align: top;
  }
  }
  h2,label{    line-height: unset;}
  // .buttonBox {
  //   padding: 0px 14px;
  //   position: relative;
  //   color: #2d4ed1;
  //   font-size: 16px;
  //   margin-top: 42px;
// }
// .buttonBox .button {
//     padding: 12px 0;
//     text-align: center;
//     color: #fff;
//     background: #2d4ed1;
//     border-radius: 3px;
// }
.plr15{
  padding: 0px 14px;
}
.mt40{
 margin-top: 40px;
}